﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>水彩中国免费版_V1.0</title>
<meta name="baidu-site-verification" content="DW6jBPeSqe" />
    <meta name="keyword" content="水彩中国"/>
    <meta name="description" content="水彩中国"/>
    <meta name="viewport" content="initial-scale=1,width=device-width,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="address=no">
    <script type="text/javascript">
            function IsPC() {
                      var userAgentInfo = navigator.userAgent;
                      var Agents = ["Android", "iPhone",
                       "SymbianOS", "Windows Phone",
                       "iPad", "iPod"];
                      var flag = true;
                     for (var v = 0; v < Agents.length; v++) {
                     if (userAgentInfo.indexOf(Agents[v]) > 0) {
                     flag = false;
                                 break;
                    }
                  }
                  return flag;
            } 
            function iftel(){
                if(IsPC()){

                }else{
                  var a = document.createElement('a');
                    a.href = "tels.html";
                    a.click();
                }
            }
            iftel();
    </script>
    <script type="text/javascript" src="js/jqs.js"></script>
    <script type="text/javascript" src="js/myjs.js"></script>
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
	<canvas id="canvalue" class="bottoms"></canvas>
    <canvas id="cantest" class="tops" onmousemove="t_test()" onmousedown="ready()" onmouseup="upms()" > 如果你能看到这行字。说明你的浏览器不支持canvas组件，请升级你的浏览器或下载并使用chrom！友情链接
    <a href="https://www.google.cn/chrome/browser/desktop/index.html">chrome下载</a></canvas>
    <div class="panl" id="box">
     <a href="help.html" class="help"  target="_blank">帮助</a>
        <div id="title" title="拖拽我可以拖动面板" onmousedown="panto()" onmouseup="upms()" onmousemove="">

          <p>工具面板</p>
        </div>
        <div class="colortest clearfix" id="colortest">
           <!--调色板ID=colortest-->
        </div>
        <div class="setcolor">
        <i class="icon_lz" onclick="colorqh()" title="试试其他方式？"></i>
        <div class="colorss">
               <div class="rgbabox" id="rgbabox">
                  <!--rgbabox 内只有inbox-->
                    <div class="inbox">
                      <span title="更改颜料中红色素的含量">红:</span>
                        <div class="huacao" id="rgbjie">
                              <div class="redbut rgbbut" id="redbut" onmousedown="rgbato(this)" onmouseup="upms()" onmousemove="">
                              </div>
                             <div class="tiao redt" style="width:0%;"></div>
                        </div>
                    </div>
                    <div class="inbox">
                       <span title="更改颜料中绿色素的含量">绿:</span>
                        <div class="huacao">
                            <div class="lvbut rgbbut" id="redbut" onmousedown="rgbato(this)" onmouseup="upms()" onmousemove="">
                            </div>
                            <div class="tiao lvt" style="width:0%;"></div>
                          </div>
                    </div>
                    <div class="inbox">
                       <span title="更改颜料中蓝色素的含量">蓝:</span>
                       <div class="huacao">
                            <div class="lanbut rgbbut" id="redbut" onmousedown="rgbato(this)" onmouseup="upms()" onmousemove="">
                            </div>
                             <div class="tiao lant" style="width:0%;"></div>
                          </div>
                    </div>
                    <div class="inbox">
                      <span title="可以使颜料透明">透明:</span>
                          <div class="huacao touming">
                            <div class="tbut rgbbut" id="redbut" onmousedown="rgbato(this)" onmouseup="upms()" onmousemove="" style="margin-left:95px;">
                            </div>
                            <div class="tiao tt" style="width:100%;"></div>
                          </div>
                    </div>
                </div>
                <div class="c16" id="c16">
                  <div class="bagsbox">
                  <label title="精确调整红色：0~255！">红: 
                  <input maxlength="3" type="text" class="colorc16 redc16" value="0" oninput="inputc(this)" onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')"></label>
                  </div>
                  <div class="bagsbox">
                  <label title="精确调整绿色：0~255！">绿: 
                  <input maxlength="3" type="text" class="colorc16 lvc16" value="0" oninput="inputc(this)" onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')"></label>
                  </div>
                  <div class="bagsbox">
                  <label title="精确调整蓝色：0~255！">蓝: 
                  <input maxlength="3" type="text" class="colorc16 lanc16" value="0" oninput="inputc(this)" onkeyup="this.value=this.value.replace(/\D/g,'')"  onafterpaste="this.value=this.value.replace(/\D/g,'')"></label>
                  </div>
                </div>
             </div>
            
             <script type="text/javascript">
               $(".colorc16").focus(function(){
                if(this.value=="0"||this.value=="00"||this.value=="000"){
                  this.value="";
                }
              });
             </script>
            <script type="text/javascript">
                //调色器切换
                var isrgb = true;
                function colorqh(){
                  if(isrgb){
                    isrgb = false;
                    $("#rgbabox").hide(1000);
                    
                   }else{
                     isrgb = true;
                    $("#rgbabox").show(1000);
                   }
                }
            </script>      
        </div>
         <div class="sizes">
         <span>笔触：</span>
                   <div class="huacaos" id="rgbjie">
                        <div class="butsize" id="sizebuts" onmousedown="sizeto()" onmouseup="upms()" onmousemove="">
                        </div>
                       <div class="tiao tiaosize" style="width:10px;"></div>
                    </div>
            <select name="" id="bei" onchange="xiu()">
              <option style="color:#6af">1</option>
               <option style="color:#af6">2</option>
                <option style="color:#f6a">3</option>
            </select>
          </div>
          <select name="" id="types" class="types" onchange="typeos(this)">
            <option value="1">水彩</option>
            <option value="2">水墨</option>
            <option value="3">毛笔</option>
          </select>
          <a class="xiang" onclick="cachu(this)">橡皮擦</a>
          <a class="xiang" onclick="baocun()">保存</a>
    </div>

</body>
</html> 